<script setup lang="ts">
	import { h } from 'vue'
	import { ExpandOutlined, DownloadOutlined, RedoOutlined } from '@ant-design/icons-vue'
	import screenFull from 'screenfull'
	// 全屏
	const fullscreen = () => {
		const element = document.getElementById('dashboardShow')
		if (screenFull.isEnabled) {
			screenFull.request(element)
		}
	}
</script>

<template>
	<a-card :bordered="false" class="xn-mb10">
		<div class="flex justify-between items-center">
			<div class="flex items-center">
				<span class="text-lg font-bold">采购一部2024第一季度业绩</span>
				<span class="ml-4 text-gray-600">创建人: 管理员</span>
			</div>
			<div class="flex items-center">
				<a-space>
					<a-button :icon="h(RedoOutlined)" href="https://www.google.com" />
					<a-button :icon="h(ExpandOutlined)" @click="fullscreen" id="fullscreen_button" />
					<a-button type="primary" href="https://www.google.com">设计</a-button>
				</a-space>
			</div>
		</div></a-card
	>
</template>

<style scoped lang="less">
	:deep(.ant-card-body) {
		padding: 14px;
	}
</style>
